<script setup>
import { ref, watch } from 'vue';
let dataList = ref(
  {
    data: [],
    carousel: 'single',
    waitTime: 2000,
    sort: true,
    valueFormatter: ({ value }) => value.toLocaleString(),
  }
)

const props = defineProps(['associationsCountData'])
watch(
  () => props.associationsCountData,
  (newVal) => {
    dataList.value.data = newVal;
  },
  { deep: true, immediate: true }
);
</script>

<template>
  <dv-scroll-ranking-board :config="dataList"
    style="height: 260px;padding:0 1rem;box-sizing: border-box;" />
</template>

<style scoped></style>
